.bold {
  font-weight: bold;
}

.fw4 {
  font-weight: 400;
}

.fw5 {
  font-weight: 500;
}

.fw6 {
  font-weight: 600;
}

.pointer {
  cursor: pointer;
}

.width {
  width: 100%;
}

.height {
  height: 100%;
}

.aic {
  align-items: center;
}

.ais {
  align-items: flex-start;
}

.aie {
  align-items: flex-end;
}

.x {
  display: flex;
  justify-content: flex-start;
}

.x1 {
  display: flex;
  justify-content: center;
}

.x2 {
  display: flex;
  justify-content: flex-end;
}

.x3 {
  display: flex;
  justify-content: space-between;
}

.x4 {
  display: flex;
  justify-content: space-around;
}

.y {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
}

.y1 {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.y2 {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}

.y3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.y4 {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.flex1 {
  flex: 1;
}

.hidden {
  overflow: hidden;
}

.auto {
  overflow: auto;
}

.ellipsis {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}

.none {
  display: none;
}

.circle {
  border-radius: 50%;
}

.mb8 {
  margin-bottom: 0.08rem;
}

.mb16 {
  margin-bottom: 0.16rem;
}

.mb24 {
  margin-bottom: 0.24rem;
}

.mb28 {
  margin-bottom: 0.28rem;
}